<template>
  <div class="table-page">
    <TableSearch
      v-model="formData"
      :title="title"
      :searchColumnList="searchColumnList"
      :formProps="formProps"
    ></TableSearch>
  </div>
</template>

<script setup>
import { computed, ref } from 'vue'
import TableSearch from './TableSearch.vue'

const props = defineProps({
  title: {
    type: String,
    default: '',
  },
  // 列数据
  columnList: {
    type: Array,
    default: () => [],
  },
  formProps: {
    type: Object,
    default: () => ({}),
  },
})

const searchColumnList = computed(() =>
  props.columnList.filter((item) => item.formItem)
)

const formData = ref({})
</script>

<style lang="scss" scoped></style>
